<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title></title>
  <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/wenda.css" rel="stylesheet" type="text/css">
    <link href="/styles/search.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/system/wenda.js"></script>
  <link href="/js/datepicker/datepicker.css" rel="stylesheet">
  <link href="/styles/wendaDetail.css" rel="stylesheet" type="text/css">

    <link href="/js/ueditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" charset="utf-8" src="/js/ueditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/js/ueditor/umeditor.min.js"></script>
    <script type="text/javascript" src="/js/ueditor/lang/zh-cn/zh-cn.js"></script>
    <script src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/system/addwendanote.js"></script>
  <style>
      .related-qt {
          margin-top: 24px;
      }
      .related-qt .tit {
          margin-bottom: 12px;
          font-size: 16px;
      }
      .related-qt li {
          margin-bottom: 10px;
      }
      ul, ol, li, dl, dd, dt {
          margin: 0;
          padding: 0;
          list-style: none;
      }
      div {
          display: block;
      }
      element.style {
          margin-top: 0px;
          margin-bottom: 20px;
      }
      .wrapper {
          font-size: 14px;
          line-height: 24px;
          color: #666;
      }

      .lzy li a, span{
          font-size: 12px;
      }
      body {
          line-height: 20px;
          background: #FFF;
          padding-top: 0px;
      }
  </style>

    <script>
        $(function () {
            //回答
            $('.btn-comment').click(function () {
                $('#huidaForm').ajaxSubmit(function (data) {
                    if (data.success){
                        window.location.href="/wenda/detail?id="+data.data;
                    } else {
                        if (data.code == 102) {
                            alert(data.msg);
                        } else {
                            alert("操作失败");
                        }
                    }
                })
            })

            //顶
            $('.dingHui').click(function () {
                var hid = $(this).data('id');
                var _this = $(this);
                $.get('/wenda/ding', {hId:hid}, function (data) {
                    if (data.success){
                        _this.html('顶 ('+ data.data +')')
                    } else {
                        if (data.code == 102) {
                            alert(data.msg);
                        } else {
                            alert("今天已经顶过了");
                        }
                    }
                })
            })
        })
    </script>

</head>

<body style="position: relative;">
    <#assign currentNav="wenda">
    <#include "../common/navbar.ftl">


  <div class="wrapper">
    <div class="detail-wrap clearfix">


      <div class="col-main">

        <div class="q-detail">
          <div class="q-content">

              <div class="q-title">
                  <a target="_blank" class="location"><i></i>${wenda.dest.name}</a>
                  <h1>
                      <a>${wenda.title}</a>
                  </h1>
              </div>
            <div class="q-desc">
                ${wenda.content}
              </div>
            <div class="q-info1 clearfix">
              <div class="q-tags fl">
                <a class="a-tag" href="/wenda/area-10065.html" target="_blank">${(wenda.tag.name)!'无'}</a>
              </div>
              <div class="pub-bar fr">
                <a href="/mine/otherspage" class="photo" target="_blank"> <img
                    src="${wenda.author.headImgUrl}"
                    width="16" height="16"></a>
                <a class="name" href="/mine/otherspage" target="_blank">${wenda.author.nickname}</a>
                <span class="time"><span>${wenda.createTime?string('yyyy-MM-dd HH:mm')}</span></span>
              </div>
            </div>
          </div>



          <div class="q-operate clearfix">
            <div class="fl">
              <!-- 问题分享 -->
              <div class="q-share cate-share">
                <a class="_js_showShare"><i class="q-share-icon"></i>分享</a>
                <div class="share-pop _j_share_pop hide clearfix" data-title="为什么说在北京通勤等于取经？上下班到底有多苦？"
                  data-qid="18458675">
                  <a title="分享到新浪微博" class="sina _j_do_share" data-site="wb"></a>
                  <a title="分享到QQ空间" class="zone _j_do_share" data-site="qz"></a>
                  <a title="分享到微信" class="weixin _j_do_share_wx" data-site="wx"></a>
                </div>
              </div>
              <!-- 举报 -->
              <div class="admin_hide tip-off">
                <a data-japp="report" data-refer="http://www.mafengwo.cn/wenda/detail-18458675.html"
                  data-refer-uid="43303516" data-app="qa.question" data-busi-id="qid:18458675">举报</a>
              </div>
            </div>
            <div class="fr">
              <span class="atten-num">${wenda.viewnum}浏览</span>
              <#--<span class="atten-num"><span class="_j_same_num">1</span>人关注</span>-->

              <#--<a class="btn-atten _j_same_question " rel="nofollow" data-status="1"><span>关注</span></a>-->

              <a class="btn-answer _j_btn_goanswer" rel="nofollow" href="#huidaW">回答</a>
            </div>
          </div>
        </div>



        <div class="answer-wrap">
          <div class="hd">
              <span class="view_all">全部${wenda.replynum}个回答</span>
            <#--<a href="javascript:;" class="view_all"></a>-->
            <#--<div style="display:none;"><span id="_j_anum">12</span>个回答</div>-->
          </div>
          <div class="bd _j_pager_box">
            <ul class="answer-list answer_detail">

                <#list pageInfo.list as h>
              <div>
                <li>
                  <div class="answer-side _js_answerAva">
                    <!-- <a class="btn-ding _js_zan "><i></i><span data-real_num="3">3</span></a> -->
                  </div>
                  <div class="answer-content _js_answer_content">
                    <div class="answer-info clearfix">
                      <div class="user-bar fl">
                        <a class="_j_filter_click avatar" href="javascript:;" target="_blank"><img
                            src="${h.author.headImgUrl}"
                            width="48" height="48" class="photo"></a>
                        <a class="name" href="javascript:;" target="_blank">${h.author.nickname}</a>
                        <a class="level" href="javascript:;" target="_blank" rel="nofollow">LV.${h.author.level}</a>
                      </div>
                    </div>
                    <!-- 回答内容 -->
                    <div class="_j_short_answer_item hide" style="display: block;">
                      ${h.content.content}
                    </div>
                  </div>
                </li>
              </div>



                    <div class="operate">
                        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                        &emsp;&emsp;&emsp;
                        <a><span class="reply dingHui" data-id="${h.id}">顶 (${(h.thumbsupnum)!0})</span></a>
                        <span class="date">发布于${h.createTime?string('yyyy-MM-dd HH:mm')}</span>
                    </div>
                </#list>
            </ul>
              <form action="/wenda/detail?id=${wenda.id}" method="post" id="searchForm">
                  <input type="hidden" name="currentPage" value="1" id="currentPage">
              </form>
              <#include "../common/page.ftl">
          </div>


          <div class="bd _j_pager_box">
            <div class="aa-hd">
              <a class="aa-avatar" href="/wenda/u/53383161/answer.html"><img
                  src="${(userInfo.headImgUrl)!'http://n1-q.mafengwo.net/s12/M00/35/98/wKgED1uqIreAU9QZAAAXHQMBZ74008.png?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90'}"
                  class="photo" width="48" height="48"></a>
              <a class="aa-name">${(userInfo.nickname)!''}</a>
            </div>
            <a name="huidaW"></a>

                <form action="/wenda/huida?wenda.id=${wenda.id}" method="post" id="huidaForm">
              <dl class="body cf">
                  <dd id="content_div">
                      <script id="editor" type="text/plain" style="width:100%;height:200px;"></script>
                      </dd>
                      </dl>
                      </form>
            <#--<div class="editor-outer _j_editorOuter _js_editorWrap _js_forFixTitle">
              <textarea></textarea>
            </div>-->

            <div class="aa-ft">
              <input class="btn-comment _j_submit_answer_btn" type="button" value="提交回答"/>
            </div>
          </div>
        </div>
      </div>


        <div class="col-side">

            <div class="tn-write">
                <a class="btn-add" href="/wenda/input" target="_blank" rel="nofollow"><i></i>我要提问</a>
            </div>


            <div style="margin-top:0px;margin-bottom: 20px;">
                <div id="pagelet-block-90a70c3070b7d57e20d62edee1e4c540" class="pagelet-block" data-api=":qa:pagelet:ads" data-params="{&quot;mddid&quot;:187613,&quot;tags&quot;:[&quot;\u8d2d\u7269&quot;,&quot;\u5962\u4f88\u54c1&quot;,&quot;\u4e9a\u6d32&quot;]}" data-async="1" data-controller=""></div>
            </div>
          <div><br></div>
            <div id="qa_relation_question_pagelet" class="pagelet-block" data-api=":qa:pagelet:RelationQuestionApi" data-params="{&quot;qid&quot;:10987766}" data-async="1" data-controller=""><div class="related-qt">
                <div class="tit">相关问题</div>

                <ul class="bd lzy">
                    <#list likeWenda as like>
                    <li><a href="/wenda/detail?id=${like.id}">${like.title}</a> <span>${(like.replynum)!0} 回答</span></li>
                    </#list>
                </ul>
            </div>
            </div>

        </div>

      <div class="col-side"></div>
    </div>
  </div>
</body>

</html>